﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Web截屏控件2演示界面</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link type="text/css" rel="stylesheet" href="zyCapture/skygqbox.css"/>
    <script type="text/javascript" src="zyCapture/jquery-1.4.min.js"></script>
    <script type="text/javascript" src="zyCapture/json2.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="zyCapture/skygqbox.js"></script>
    <script type="text/javascript" src="ckeditor/ckeditor.js"></script>
    <script type="text/javascript" src="zyCapture/z.js" charset="utf-8"></script>
</head>
<body>
    <p>泽优全平台截屏解决方案(zyCapture)</p>
    <textarea id="MyTextarea" name="MyTextarea">此示例演示截屏控件与CKEditor3.x编辑器整合的功能。</textarea>
    <div id="scpPanel"></div>    
	<script type="text/javascript" language="javascript">
        //根路径：http://localhost/api/zyCapture/
        var pos = window.location.href.lastIndexOf("/");
        var api = [
            window.location.href.substr(0, pos + 1),
            "asp/upload.asp"
        ].join("");

        var editor = null;
        zyCapture.getInstance({
            config: {
                PostUrl: api,
				FileFieldName:"img",
                Fields: { uname: "test" }
            },
            event: {
                hotKey: function () {
                    setTimeout(function () {
                        window.zyCapture.Capture2();
                    }, 100);
                },
                postComplete: function (url) {
                    var img = '<img src="' + url + "?t=" + new Date().getTime() + '"/>';
                    editor.insertHtml(img);
                }
            }            
        });

		CKEDITOR.on('instanceReady', function (evt){editor = evt.editor;});

		CKEDITOR.replace('MyTextarea',
		{
		    extraPlugins: 'zycapture',
		    toolbar:
			[
				['Source', '-', 'Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink', 'zycapture'],
				['About', '-', 'SimpleLink']
			]
		});
	</script>
</body>
</html>